$(document).ready(function(){
	var p = $("p");
	var div = $("#boundary");
	
	//Change the font color
	$("#fontColorButton").click(function(){
		p.css("color", $("#font_color_select").val());
	});
	
	//Change the background color
	$("#backgroundColorButton").click(function(){
		div.css("background", $("#background_color_select").val());
	});
	
	//Change the font size
	$("#fontSizeButton").click(function(){
		p.css("font-size", $("#font_size_select").val() + "px");
	});
	
	//Change the font style or weight
	$("#fontStyleWeightButton").click(function(){
		if($("#font_style_weight_select").val() == "normal")
		{
			p.css("font-style", $("#font_style_weight_select").val());
			p.css("font-weight", $("#font_style_weight_select").val());
		}
		else if($("#font_style_weight_select").val() == "bold")
		{
			p.css("font-style", "normal");
			p.css("font-weight", $("#font_style_weight_select").val());
		}
		else
		{
			p.css("font-style", $("#font_style_weight_select").val());
			p.css("font-weight", "normal");
		}
	});
});